import { createRouter, createWebHistory } from 'vue-router';
import Layout from '@/components/Layout/Index.vue';
import Home from '../views/Home.vue';

// 路由配置规则
/**
 * 路由配置规则：
 * 1. name使用大驼峰命名法
 * 2. name的组合规则：父路由name+当前文件名
 * 3. title: 页面的title，以及左侧菜单的显示名称
 * 4. isMenu: Boolean,是否为菜单,默认值为true
 * 5. icon: 菜单icon
 * 6. 页面中如果要在export default{}中写name，值要用大驼峰命名，这样才能与路由中的name对得上
 */

const router = createRouter({
	history: createWebHistory(import.meta.env.BASE_URL),
	routes: [
		{
			path: '/',
			component: Layout,
			redirect: '/home',
			children: [
				{
					path: 'home',
					name: 'Home',
					component: Home,
					meta: { title: '首页', icon: 'home' },
				},
			],
		},
	],
});

export default router;
